<template>
	<view class="container">
		<text class="topTitle">编辑题目</text>
		<view class="textView">
			<textarea class="textarea" name="" id="" cols="30" rows="5"></textarea>
		</view>
		<text class="topTitle">编辑答案</text>
		<view class="answerView">
			<view class="answer">
				<text>A</text>
				<input type="text">
			</view>
		</view>
		<view class="">
			<uni-popup ref="popup"  background-color="#fff" type="bottom">
				<view class="addView">
					<text class="topTitle">输入题库名称</text>
					<input type="text" class="questext">
					<button size="mini" class="publicBtn" disabled="true" @click="choseQues">私人题库</button>
					<button size="mini" class="publicBtn" @click="choseQues">公共题库</button>
					<button type="primary" size="mini" class="subBtn">完成</button>
				</view>
				
			</uni-popup>
		</view>
		
	</view>
		
</template>
<script>
	export default{
		data(){
			return{
			}
		},
		methods:{
			clickQuuestion(){
				this.$tab.navigateTo(`/pages/work/exam/questionDesc`)
			},
			onNavigationBarButtonTap(e) {
				this.$refs.popup.open('center')
			},
			choseQues(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="scss">
	.container{
		background-color: #fff;
		width: calc(100vw - 40rpx);
		height: calc(100vh - 60rpx);
		margin: 30rpx 20rpx;
		box-shadow: 0rpx 4rpx 70rpx 10rpx rgba(156,193,220,0.25);
		border-radius: 20rpx;
		overflow: auto;
		padding-top: 32rpx;
		.topTitle{
			padding-left: 40rpx;
			align-items: center;
			font-weight: bold;
			color: #000000;
		}
		.textView{
			width: calc(100% - 80rpx);
			margin: 30rpx 40rpx;
			border: #508CFF 2rpx solid;
			padding: 10rpx;
			border-radius: 10rpx;
			.textarea{
				height: 150rpx;
			}
		}
		.addView{
			width: 600rpx;
			height: 480rpx;
			padding: 40rpx;
			border-radius: 20rpx;
			position: relative;
			.topTitle{
				padding: 0;
			}
			.questext{
				border: 1px solid #508CFF;
				height: 100rpx;
				border-radius: 10rpx;
				margin: 30rpx 0;
			}
			.publicBtn{
				background: rgba(80, 140, 255, 1);
				color: #fff;
				padding: 8rpx 20rpx;
				margin-right: 40rpx;
				margin-top: 20rpx;
			}
			.publicBtn[disabled] {
				background: rgba(80, 140, 255, 0.6);
			}
			.subBtn{
				padding: 8rpx 40rpx;
				position: absolute;
				right: 15px;
				bottom: 15px;
			}
		}
	}
</style>